<template>
<!-- 头部标题组件 -->
  <div class="title">
       <!-- 按钮 -->
      <div class="btn">
          <i class="el-icon-back" @click="go"></i>
          <div class="mytitle">
              <slot name="mytitle"></slot>
          </div>
          <slot name="btn"></slot>  
      </div>
  </div>
</template>

<script>
export default {
  methods:{
        //点击图标返回上一页
        go(){
            this.$router.go(-1)
        }
    }
}
</script>
<style lang="less" scoped>
// 编辑客户，保存
.btn{
      display: flex;
      border-bottom: 1px solid rgb(214, 216, 219);
      margin-top: 35px;
      padding-bottom:20px;
      position: relative;
      // 左上角图标
      .el-icon-back{
          font-weight: bold;
          position: relative;
          top: 7px;
          left: 15px;
        }
      .mytitle{
          font-size: 22px;
          font-weight: bold;
          margin-left: 20px;
        }
      button{
          position: absolute;
          right:40px;
          top: -17px;
        } 
     }
</style>